<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <!-- <meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests"> -->
    <meta name="renderer" content="webkit" />
    <meta
      name="theme-color"
      media="(prefers-color-scheme: light)"
      content="#8484B0"
    />
    <meta
      name="theme-color"
      media="(prefers-color-scheme: dark)"
      content="#8484B0"
    />

    <meta name="viewport" content="width=device-width, initial-scale=1.0" />

    <meta name="description" content="一个漂亮干净的主页" />
    <meta name="keywords" content="草长莺飞,个人主页" />
    <meta name="author" content="草长莺飞" />
    <title>草长莺飞の空间</title>
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.7.1/jquery.js"></script>
    <!-- <script src="https://cdn.bootcdn.net/ajax/libs/jqueryui/1.13.2/jquery-ui.js"></script> -->
    <link rel="stylesheet" type="text/css" href="./lib/bootstrap.css" />
    <link rel="stylesheet" type="text/css" href="./css/style.css" />
    <link rel="stylesheet" type="text/css" href="./css/mobile.css" />
    <link rel="stylesheet" type="text/css" href="./css/loading.css" />
    <link rel="stylesheet" type="text/css" href="./css/animation.css" />
    <link rel="icon" href="./images/icon.png" />
    <link rel="apple-touch-icon" href="./images/icon.png" />
    <link
      href="https://cdn.bootcdn.net/ajax/libs/font-awesome/6.4.2/css/all.css"
      rel="stylesheet"
    />
    <script type="text/javascript" src="./lib/iziToast.js"></script>
    <link rel="stylesheet" href=" ./lib/iziToast.css" />

    <!-- PWA -->
    <link rel="manifest" href="./manifest.json" />
    <script src="./js/WebsiteStatistics.js"></script>
  </head>

  <body>
    <!--加载动画-->
    <div id="loading-box">
      <div class="loading-left-bg"></div>
      <div class="loading-right-bg"></div>
      <div class="spinner-box">
        <div class="loader">
          <div class="inner one"></div>
          <div class="inner two"></div>
          <div class="inner three"></div>
        </div>
        <div class="loading-word">
          <p class="loading-title" id="loading-title">草长莺飞の主页</p>
          <span id="loading-text">loading...</span>
        </div>
      </div>
    </div>
    <section id="section" class="section">
      <!-- 背景图片 -->
      <div class="bg-all">
        <img id="bg" onerror="this.classList.add('error');" />
        <!-- <div class="cover"></div> -->
      </div>
    </section>
    <!-- 鼠标指针 -->
    <div id="g-pointer-1"></div>
    <div id="g-pointer-2"></div>

    <!-- 主体内容 -->
    <main id="main" class="main">
      <div class="container" id="container">
        <div class="row" id="row">
          <div class="col left">
            <!--基本信息-->
            <div class="main-left">
              <!--Logo-->
              <div class="main-img">
                <!-- <img id="logo-img" src="666" alt="img" class="avter" /> -->
                <div
                  class="img-title"
                  style="text-align: center; height: 110px; margin-bottom: 1rem"
                >
                  <img
                    id="qianming-img"
                    src="./images/qianming.png"
                    style="
                      display: block;
                      width: 90% !important;
                      height: 80% !important;
                    "
                    alt="img"
                  />
                </div>
              </div>
              <div class="message cards">
                <a
                  class="link-warning"
                  style="
                    font-weight: bold;
                    text-decoration-line: underline;
                    pointer-events: all;
                  "
                  href="/resume/index.html"
                  target="_blank"
                  >查看在线简历</a
                >
              </div>
              <!--介绍信息-->
              <div class="message cards" id="switchmore">
                <div class="des" id="des">
                  <i class="fa-solid fa-quote-left"></i>
                  <div class="des-title">
                    <span id="change">步儿缓 踩的泪潸潸</span><br /><span
                      id="change1"
                      >石阶上 转身零落多少银铃啷啷</span
                    >
                  </div>
                  <i class="fa-solid fa-quote-right"></i>
                </div>
              </div>
              <!--社交链接-->
              <div class="social" id="social">
                <a
                  href="https://gitee.com/DingTongYa"
                  class="link"
                  id="github"
                  style="margin-left: 4px"
                  target="_blank"
                >
                  <i class="fa-brands fa-github"></i>
                </a>
                <!-- <a
                  href="https://res.abeim.cn/api/qq/?qq=2251270000"
                  class="link"
                  id="qq"
                  target="_blank"
                >
                  <i class="fa-brands fa-qq"></i>
                </a> -->
                <a href="#" class="link" id="phoneNumber">
                  <i class="fa-solid fa-circle-user"></i>
                </a>
                <a href="mailto:dingtongya@aliyun.com" class="link" id="email">
                  <i class="fa-solid fa-envelope"></i>
                </a>
                <a
                  href="https://space.bilibili.com/355985675"
                  class="link"
                  id="bilibili"
                  target="_blank"
                >
                  <i class="fa-brands fa-bilibili"></i>
                </a>

                <a id="link-text">通过这里联系我</a>
              </div>
            </div>
          </div>
          <!--第二屏 Logo-->
          <div class="logo cards" style="display: none" id="changemore">
            <!-- <a class="logo-text" id="logo-text-small">丁同亚.top</a> -->
            <img
              id="qianming-img"
              src="./images/qianming.png"
              style="display: block; width: 50%; height: 50%"
              alt="img"
            />
          </div>
          <div class="col right">
            <div class="main-right">
              <!--功能区-->
              <div class="row rightone" id="rightone">
                <div class="col hitokotos">
                  <!--一言-->
                  <div class="hitokoto cards" id="hitokoto">
                    <div class="hitokoto-all">
                      <div class="hitokoto-text">
                        <span id="hitokoto_text"
                          >不离不弃芳龄永继&nbsp;&nbsp;莫失莫忘仙寿恒昌</span
                        >
                      </div>
                      <div class="hitokoto-from">
                        -「&nbsp;<span id="from_text">無名</span>&nbsp;」
                      </div>
                    </div>
                  </div>
                </div>
                <div class="col times">
                  <!--时间-->
                  <div class="time cards" id="upWeather">
                    <div class="timeshow" id="time">
                      2000&nbsp;年&nbsp;0&nbsp;月&nbsp;00&nbsp;日&nbsp;<span
                        class="weekday"
                        >星期一</span
                      ><br /><span class="time-text">00:00:00</span>
                    </div>
                    <div class="weather">
                      <!-- <span id="city_text">天气</span>&nbsp;
                      <span id="wea_text">加载失败</span>&nbsp;
                      <span id="tem_text"></span>
                      <span id="win_text">次数</span>
                      <span id="win_speed">超限</span> -->
                    </div>
                  </div>
                </div>
              </div>
              <!-- 分隔线 -->
              <div
                class="myline"
                style="display: block !important; position: relative"
              >
                <i class="fa-solid fa-link"></i>
                <span class="line-text">功能列表</span>
              </div>
              <!--网站链接-->
              <div class="link">
                <!--第一组-->
                <div class="row">
                  <div class="col linkCard" data-linkCard="1">
                    <a id="link-url-1">
                      <div class="link-card cards">
                        <i id="link-icon-1" class="fa-solid fa-blog"></i>
                        <span class="link-name" id="link-name-1">IT笔记</span>
                      </div>
                    </a>
                  </div>
                  <div class="col 2 linkCard" data-linkCard="2">
                    <a
                      id="link-url-2"
                      href="/resume/index.html"
                      target="_blank"
                    >
                      <div class="link-card cards">
                        <i id="link-icon-2" class="fa-solid fa-cloud"></i>
                        <span class="link-name" id="link-name-2">在线简历</span>
                      </div>
                    </a>
                  </div>
                  <div class="col linkCard" data-linkCard="3">
                    <a id="link-url-3">
                      <div class="link-card cards">
                        <i id="link-icon-3" class="fa-solid fa-music"></i>
                        <span class="link-name" id="link-name-3">呦呦鹿鸣</span>
                      </div>
                    </a>
                  </div>
                </div>
                <!--第二组-->
                <div class="row" style="margin-top: 1.5rem">
                  <div class="col linkCard" data-linkCard="4">
                    <a id="link-url-4">
                      <div class="link-card cards">
                        <i id="link-icon-4" class="fa-solid fa-compass"></i>
                        <span class="link-name" id="link-name-4">给我留言</span>
                      </div>
                    </a>
                  </div>
                  <div class="col 2 linkCard" data-linkCard="5">
                    <a id="link-url-5">
                      <div class="link-card cards">
                        <i
                          id="link-icon-5"
                          class="fa-solid fa-book-bookmark"
                        ></i>
                        <span class="link-name" id="link-name-5">文档阅读</span>
                      </div>
                    </a>
                  </div>
                  <div class="col linkCard" data-linkCard="6">
                    <a id="link-url-6">
                      <div class="link-card cards">
                        <i id="link-icon-6" class="fa-solid fa-flask"></i>
                        <span class="link-name" id="link-name-6">敬请期待</span>
                      </div>
                    </a>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <!--展开菜单按钮-->
        <div class="menu" id="switchmenu">
          <a class="munu-button cards" id="menu">
            <i class="fa-solid fa-bars"></i>
          </a>
        </div>
      </div>
    </main>
    <!-- 版权信息 -->
    <footer id="footer" class="fixed-bottom footer">
      <div class="power">
        <span id="power"
          >Copyright&nbsp;&copy;
          <script>
            document.write(new Date().getFullYear())
          </script>
          <a href="#" id="power-text">丁同亚</a>
        </span>
        <a href="https://beian.miit.gov.cn" id="beian" target="_blank"
          >&amp;&nbsp;ICP备1234567号</a
        >
      </div>
    </footer>

    <script type="text/javascript" src="./js/main.js"></script>
    <script type="text/javascript" src="./js/background.js"></script>
    <script type="text/javascript" src="./js/graySite.js"></script>
    <!-- <script type="text/javascript" src="./js/toast.js"></script> -->
    <script
      type="text/javascript"
      src="https://lf9-cdn-tos.bytecdntp.com/cdn/expire-1-y/bootstrap/5.1.0/js/bootstrap.min.js"
    ></script>
  </body>
</html>
